.main{
  width:1000px;
  margin:0 auto;
}
.typename{
  float:left;
  margin-top:30px;
  top:0;
}
.typename li a{
  display:block;
  width:200px;
  height:50px;
  font-size:13px;
  line-height:50px;
  text-align:left;
  color:#999;
}
.typename li.active a{
  color:#333;
}
.warehouse{
  width:70%;
  float:left;
  margin-top:30px;
}
.warehouse section{
  margin-bottom:50px
}
.warehouse section header{
  line-height:50px;
  font-size:22px;
  padding-left:22px;
  border-left:2px solid #B32AFF;
}
.warehouse section li{
  float:left;
  margin:15px 0 15px 22px;
}
.warehouse section li a{
  display:inline-block;
  padding:10px 20px;
  color:#fff;
  border-radius:20px;
}
.return{
  float:right;
  position:fixed;
  opacity:0;
}
.return li{
  margin:20px 0;
}
.return li a{
  display:block;
  width:50px;
  height:50px;
  background: #fff;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  text-align:center;
  font-size:0;
  position:relative;
}
.return li a::after{
  content:'';
  transition-property:all;
  transition-duration:.3s;
}
.return li a:hover::after{
  content:attr(data-content);
  font-size:14px;
  position:absolute;
  width:100px;
  height:40px;
  line-height:40px;
  top:5px;
  left:55px;
  background:#efefef;
  border-radius:25px;
}
.retu-f{
  font-size:25px;
  line-height:50px;
  color: #999;
  transition-property:all;
  transition-duration:.3s;
}
.return li a:hover .retu-f{
  color: #333;
}
.navigations-f{
  font-size:22px;
  margin-right:10px;
  vertical-align:middle;
}
footer.bottom{
  background:#333;
}
.footerinfo{
  width: 1000px;
  margin:0 auto;
  padding:50px 0;
}
.site-info{
  width:50%;
  padding:35px 20px 35px 0;
  float:left;
}
.site-info p{
  margin:15px 0;
  color:#60606d;
  font-size:13px;
}
.firend-link{
  width:50%;
  float:left;
  padding:35px 0 35px 20px;
}
.firend-link li{
  float:left;
  margin-top:10px;
}
.firend-link header{
  line-height:50px;
  font-size:19px;
  color: #959595;
  padding-left:10px;
}
.firend-link li a{
  padding:5px 10px;
  color:#60606d;
}